昨天介紹了component，也知道要使用component要先註冊才能使用，而今天我們要介紹的是props

我們先利用官網的說明來介紹props

All props form a one-way-down binding between the child property and the parent one: when the parent property updates, it will flow down to the child, but not the other way around. This prevents child components from accidentally mutating the parent’s state, which can make your app’s data flow harder to understand.

從這裡我們可以知道props預設的是單向綁定，它只會從上往下傳遞資料也就是說可以透過props把父屬性的資料傳給子屬性，但子屬性修改的東西不會去影響到父屬性

今天的範例是註冊component-lorem這個組件，而使用到的props是loremtitle和lorem也就是我們的文章標題和內容；如果用一本書解釋component和props的話，component就是書裡面放文字的頁面，那麼props就是要讓每一個文字頁面的文章標題和內容是固定格式的接口，而表單的話也是同樣的道理，component就像是一張A4大小的紙，props就像是表單中的每個固定欄位的接口；也就是說component是一個獨立的模組，所以如果你要使用很多個相同且獨立的模組就可以使用component，而props就是用來讓我們在模組中插入東西的固定格式的接口

Demo
github